.registerBox{
    padding: 0 0 15px;
    .error{
        margin: 15px 10px 0;
        padding: 10px;
        background: #FFFFFF;
        border: 2px solid #f2b4a5;
        position: relative;
        padding-left: 44px;
        font-size: 12px;
        color: #2a2a2a;
        display: none;
        img{
            width: 24px;
            vertical-align: middle;
            position: absolute;
            left: 10px;
            top: 50%;
            margin-top: -12px;
        }
    }
    .warn-info{
        font-size: 12px;
        color: #2a2a2a;
        padding: 10px;
    }
    
    .commonStyle{
        margin-bottom: 20px;
        h4{
            text-align: center;
            font-size: 13px;
            color: #164F33;
            position: relative;
        }
        h4:before,h4:after{
            position: absolute;
            top: 50%;
            content: '';
            height: 1px;
            background: #164F33;
        }
        h4:before{
            left: 0;right: 70%;
        }
        h4:after{
            right: 0;
            left: 70%;
        }
        
        .content{
            margin: 0 10px;
            .description{
                font-size: 12px;
                color: #2A2A2A;
            }
            .form-group{
                line-height: 18px;
                label{
                    font-size: 13px;
                    color: #2a2a2a;
                }
                input,input:focus{
                    border: 1px solid #164F33;
                    height: 40px;
                    font-size: 12px;
                    color: #2a2a2a;
                    margin: 5px 0;
                }
                input::-webkit-input-placeholder{
                    color: #808080;
                }
                select{
                    margin: 0;
                    font-size: 12px;
                    color: #2a2a2a;
                    height: 40px;
                    line-height: 40px;
                    padding: 0 10px;
                    margin: 5px 0;
                    border: 1px solid #164F33 !important;
                    background: #FFFFFF url(../../images/icon/select-back.png) no-repeat 95% center;
                    background-size: 12px;
                }
                span{
                    font-size: 12px;
                    color: #ff4444;
                }
                p{
                    font-size: 12px;
                    color: #808080;
                    margin: 0 0 0;
                }
                .vilidate{
                    margin: 5px 0 0;
                    line-height: 0;
                    img{
                        width: 100%;
                    }
                }
            }
        }
    }
    .delivery-address{
        .content{
            .form-group{
                margin-top: 5px;
            }
            .form-group:last-child{
                line-height: 18px;
            }
        }
    }
    .btnBox{
        padding: 0 10px;
        a{
            background: #ef6e19;
            font-size: 15px;
            color: #FFFFFF;
            padding: 10px 0;
            border: none;
            margin-bottom: 5px;
            box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
            -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
        }
    }
}


.registerBox.haserror{
    .error{
        display: block;
    }
     .warn-info{
        color: #ff4444;
    }
    .commonStyle{
        .content{
            .form-group{
                margin-top: 5px;
                input.err,select.err{
                    border: 1px solid #ff8f8f !important;
                    margin-bottom: 0;
                }
                select.err{
                    background: #FFFFFF url(../../images/icon/select-error.png) no-repeat 95% center;
                    background-size: 12px;
                }
            }
        }
    }
}



.completeBox{
    padding: 30px 0 110px;
    text-align: center;
    h4{
        font-size: 17px;
        color: #2A2A2A;
    }
    p{
        font-size: 13px;
        color: #2A2A2A;
        margin: 10px 0 0;
        padding: 0 10%;
    }
    .btnBox{
        margin: 50px 5px 0;
        overflow: hidden;
        div{
            width: 50%;
            padding: 0 5px;
            float: left;
            .mui-btn{
                font-size: 15px;
                color: #FFFFFF;
                border: none;
                padding: 10px 0;
                box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
                -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
            }
            .mui-btn,.myAccount{
                background: #164F33;
            }
            .goShopping{
                background: #e65809;
            }
        }
    }

}
